{% extends "index.html" %}
{% load staticfiles %}
{% block right %}
    {% block content %}
        <style>
            .other {
                display: inline-block;
                color: white;
            {#            border: 1px solid red;#} width: 30%;
                text-align: center;
                margin-top: 2%;
                height: 100px;
                line-height: 100px;
                font-size: 2rem;
                background-color: lightskyblue;
                border-radius: 20px;
            }

            .b:hover {
                background-color: dodgerblue
            }
        </style>

        <section style="width: 80%;margin: auto;margin-top: 2%">
            <a href="/other/user/info/">
                <button class="other b a">个人资料</button>
            </a>
            <a href="/other/user/manage/">
                <button class="other b a">所有员工</button>
            </a>
            {% if user_type >= 3 %}
                <a href="/other/ziyuan/">
                    <button class="other b a">部门职位管理</button>
                </a>
                <a href="/other/car/manage/">
                    <button class="other b a">车辆管理</button>
                </a>
            {% endif %}
            {% if user_type >= 3 %}
            <a href="/other/room/manage/">
                    <button class="other b a">教室管理</button>
                </a>
            {% endif %}
            <div class="other a">更多功能开发中。。。</div>
        </section>
    {% endblock %}
    <script src="{% static 'js/jquery.js' %}"></script>
    <script>
        $('.left_c').removeClass('active');
        $('#other').addClass('active');
    </script>
{% endblock %}